Mediaguery 
St 
Home nya dipisahkan 
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materia 


0); 


context) { 


W/11bDtOL (30. : t6LNatavewindowiype lirdabl6 disconnect talied 


W/libEGL (30359): EGLNativeWindowType @x7411fd9010 d 
ivityTh Remo tivity client recor -BinderPr 
d90a137 fcom.example.demo project/com. >, de o erProxy@d90a 


Lost connection to device. 


00:46 — 10:18 


|| kalapa] Tw Fs mg” 4 


Bisa dibuat dibawah dan difile berbeda 
Lebih baik buat file berbeda 

Mediaquery dapat ukuran dari layar kita 
Buat kotak dari container dari ukuran layar 
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Media Playback Audio Video Subtitle Tools View Help 


build( 
returr 

appBar: 04 

title: ii n Media Query Latihan Media Query 


.of(context). 


.of(context).si 


t/m.anaro1a.phon( 31626): runtime.cc: 560) at androlad.nardware.rad1o.vi 8.4 
tupDataCal1Result.java:113) 


phon( : runtime.cc:566) at android.hardware.radio.V1 2.1 


ponse. java:3259) 
F/m.android.phon(31 : runtime.cc:566) 


F/m.android.phon(3 1 runtime.cc:566) 


03:23 


Ketika layar hp ganti2 maka sesuai 
Berguna untuk layout 

Cth 

3 buah container 

Kalau tegak disusun kebahaw column 

Kalau landscape maka kesamping guna row 
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05:37 1/510: 


ti 
» 
body: 
children: <b 
.red, width , height: 160,), 
, width height: 160,), 
.blue, width: 100, height: 106,), 


runtime.cc: j at angro1a.nardware.rad1o.Vi 6. 
: runtime.cc:566) at android.hardware.radio.V1 2. 


runtime 


runtime.cc: 


PN IA gog 
05:39 
Ih rela ja Tali SISI 
A 24.[ENG SUB] FLUTTER 21. MediaOuery (Responsive App).mp4 - VLC media player 
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View Help 


build( text context) ( 
retur 
appBar: 
title: 
» 
body: 
childrei 
(colo .red, width: 
(colo .green, width: 
.blue, width: 1 


Kesponse. Java: 3259) 


F/m.android.phon(10904): runtime 

F/m.android.phon(10904): runtime.cc: || 

D/EGL emulation(313 eglMakeC ent: ər 3 1 (tinfo @kcf642e20 
D/EGL_emulation(31360): eglMakeCurrent: @xe 7a0: ver 3 1 (tinfo @xeSa71a10) 
D/EGL emulation(3136€ eglMakeCurrent: @ : ver 3 1 (tinfo Oxcf642e20) 


05:55 
MN Ka alim SISI 


Pengin susun nya kesamping 
Bungkus sebuah method 


rcei(H 


IRadio 


10:18 
« | 
= x 
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Media Video Tools View 


build( 
retur 
appBar: 
title 
Js 
body: 
children: 
(co 5 e "ed, width: 100, height 
(co & < reen, width: 108, height 


(color: .blue, width: 100, height: 


t/m.angaro1a.phon(1141/): runtime.cc: androld.hardware.rad1o.V1 6.SetupVataLaLiKesuit.readrrombarce.( se 


at 


tupDataCallResult.java:113) 


F/m.android.phon(11417): runtim 1566) at android.hardware.rad esponse$Stub.onTransact (IRadio 


Response. java:3259) 


F/m.android.phon(11417): runtime.cc:566) 


a serong 


F/m.android.phon(11417): runtime.cc:566 


06:30 
|] KI DI 


buat seperti gini 
Tingal ubah column dan row nya 
Guna if bukan yg biasa tapi yg singkat 
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Tools View 


Media 


children: generateContainers(), 


(syarat) ? kalau bener : kalau salah 


> generateContainers( 
4 
(color .red, width: height: Js 
(color: .green, width: @, height: 160,), 
(color: .blue, width: , height: 106,), 


= x 


at androld.naradware.rad1o.V1 6.SetupVataLalikKesuit.readrromParcei( se 


m.androld.pnon(12b46): run 


F/ 
tupDataCal1Result.java:113) 

F/m.android.phon(12646): runtime 66) at android.hardware.rad tub.onTransact(IRadio 
Response. java:3259) 

F/m.android.phon(12 runtime. 


F/m.android.phon(12646): runtime. 


|] kamu sis 
Ini penulisan yg singkat 
Kalau potrait di column else pangkan row 


07:35 
cith SX P a |) 
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build( 
return 
appBa 
title: "Latihan M 
IP 
body: ( .of(context).orientation == .portrait) 
( 
children: generateContainers(), 


( 
children: generateContainers(), 


IP 


< > generateContainers() ( 
returr »I 

color: .red, 
t/m.angro1a.phon(13646): runtime.cc: | at andro1a.naraware.rad1o.V1 6.SetupVataLailiKesuit.readr-rompa 
tupDataCallResult.java:113) 
F/m.android.phon(13646): runtim 1566) at android.hardware.radio 2. IRadioResponsefStub.onTransact( IRadio 
Response. java: 3259) 
F/m.android.phon(13646): runtime.cc: 


F/m.android.phon(13646): runtime.cc:5 


09:04 
|] KI DI 
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build( 


appBar: BLN 


title: "Latiha dia ry' Latihan Media Query 
.of(context).orientation == .portra 
children: generateContainers(), 


i 
children: generateContainers(), 
A 


enerateContainers() { 


.red, 


romParcel(setupuatatalikKesult. java: 14 

F/m.android.phon(14061): java vm ext.cc:54 at android.hardware.radio.V nParce 
1(SetupDataCal1Result.java:113) 

F/m.android.phon(14061): java vm ext.cc:54 at android.hardware.radio.V1 7. afisact(IR 
adioResponse. java:3259) 


F/m.android.phon(14061): java vm ext.cc:542) 


09:35 
Ih Ke Cl SIS 


Miring 
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build( context) { 
: soos 
appBa 
: Latihan Media Query 
title: 
», 
body: ( f(context).orienf 
? ( 
children: generateContainer 


children: generateContainers 


generateConta 


color: 
» 
t/m.anaro1a.pnon(141//): runti 5 at andro1ad.nardware.rad1o.V1 6&.SetupVataLaLiKesuit.read-roma 
tupDataCallResult.java:113 
android.phon(14177): ti :566) at android.hardware.r 
Response. java:3259) 
F/m.android.phon(14177): runtime.c 


F/m.android.phon(14177): runtime.cc: 


